<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title></title>
<link rel="stylesheet" href="css/gowr.css" />
		<!--配送地址-->
		<link rel="stylesheet" href="css/city.css" />
		<!--底部详情页面样式-->
		<link rel="stylesheet" href="css/style.css" />
		<style>
			* {
				margin: 0;
				padding: 0;
				list-style: none;
				text-decoration: none;
			}
			
			
			#header {
				clear: both;
				width: 100%;
				height: 30px;
				line-height: 30px;
				background: #F1F1F1;
			}
			
			a {
				color: #666;
			}
			
			a:hover {
				color: red;
			}
			
			body {
				font: 12px/150% Arial, Verdana, "微软雅黑";
				color: #666;
			}
			/*侧边栏*/
			
			.jdm-toolbar-wrap {
				position: fixed;
				_position: absolute;
				top: 0;
				right: 0;
				z-index: 9990;
				width: 0;
				height: 100%;
			}
			
			.jdm-toolbar {
				position: absolute;
				right: 0;
				top: 0;
				width: 0;
				height: 100%;
				border-right: 6px solid #7a6e6e;
				-webkit-transition: right .3s ease-in-out 0s;
				-moz-transition: right .3s ease-in-out 0s;
				transition: right .3s ease-in-out 0s;
			}
			
			.jdm-toolbar-tab {
				position: relative;
				width: 35px;
				height: 35px;
				margin-bottom: 1px;
				cursor: pointer;
				background-color: #7a6e6e;
				-webkit-border-radius: 3px 0 0 3px;
				-moz-border-radius: 3px 0 0 3px;
				border-radius: 3px 0 0 3px;
			}
			
			.jdm-toolbar-tabs {
				position: absolute;
				top: 50%;
				left: -29px;
				width: 35px;
				margin-top: -61px;
			}
			
			.jdm-tbar-tab-cart .tab-ico {
				background-position: -50px 0;
			}
			
			.jdm-tbar-tab-follow .tab-ico {
				background-position: -50px -50px;
			}
			
			.jdm-tbar-tab-history .tab-ico {
				background-position: -50px -100px;
			}
			
			.jdm-tbar-tab-message .tab-ico {
				background-position: -190px -150px;
			}
			
			.jdm-tbar-tab-jimi .tab-ico {
				background-position: -50px -150px;
			}
			
			.jdm-tbar-tab-top .tab-ico {
				background-position: -50px -250px;
			}
			
			.jdm-tbar-tab-feedback .tab-ico {
				background-position: -50px -300px;
			}
			
			.jdm-tbar-tab:hover .tab-ico {
				background-color: #c81623;
			}
			
			.jdm-toolbar-tab .tab-ico {
				width: 34px;
				height: 35px;
				margin-left: 1px;
				position: relative;
				z-index: 2;
				background-color: #7a6e6e;
				_display: block;
			}
			
			.jdm-tbar-panel-header .close-panel,
			.jdm-tbar-panel-header i,
			.jdm-toolbar-tab .tab-ico,
			.jdm-toolbar-tab .tab-tip,
			.jdm-toolbar-tabs .tabs-tip .ico {
				display: inline-block;
				background-image: url(pi_cture/toolbar.png);
				_background-image: url(pi_cture/toolbar-png8.png);
				background-repeat: no-repeat;
			}
			
			.jdm-toolbar-tab .tab-text {
				width: 62px;
				height: 35px;
				line-height: 35px;
				color: #fff;
				text-align: center;
				font-family: "微软雅黑";
				position: absolute;
				z-index: 1;
				left: 35px;
				top: 0;
				-webkit-border-radius: 3px 0 0 3px;
				-moz-border-radius: 3px 0 0 3px;
				border-radius: 3px 0 0 3px;
				-webkit-transition: left .3s ease-in-out .1s;
				-moz-transition: left .3s ease-in-out .1s;
				transition: left .3s ease-in-out .1s;
				_display: none;
			}
			
			.jdm-toolbar-footer {
				position: absolute;
				bottom: -1px;
				width: 100%;
				left: -29px;
			}
			
			.jdm-toolbar .jdm-toolbar-footer .jdm-tbar-tab-survey .tab-text {
				left: 0px;
				width: 35px;
				height: 30px;
				padding: 2px 0 3px;
				line-height: 15px;
				background: #c81623;
				_display: block;
			}
			
			.jdm-toolbar-footer .jdm-tbar-tab:hover .jdm-tbar-tab-top>.tab-text {
				left: -48px;
			}
			
			.jdm-toolbar-tab:hover,
			.jdm-toolbar-tab .tab-ico:hover {
				background-color: #c81623;
			}
			
			.jdm-toolbar-tab:hover .tab-text {
				left: -60px;
				background-color: #c81623;
				_display: block;
			}
			/*顶部*/
			
			.header-box {
				width: 1210px;
				margin: 0 auto;
			}
			
			.header-left {
				float: left;
				font-size: 12px;
				color: #666;
				width: 96px;
				height: 30px;
			}
			
			.header-left li {
				padding: 0 24px 0 10px;
				position: relative;
			}
			
			.header-right {
				float: right;
			}
			
			.header-right li {
				float: left;
				padding: 0 2px;
				font-size: 12px;
				height: 30px;
				padding: 0 24px 0 10px;
				position: relative;
			}
			
			.header-right .shu {
				width: 1px;
				height: 12px;
				margin-top: 9px;
				background: #ddd;
				padding: 0;
			}
			
			.ci-right {
				font: 400 15px/15px consolas;
				height: 7px;
				overflow: hidden;
				position: absolute;
				top: 12px;
				right: 5px;
				-webkit-transition: -webkit-transform .1s ease-in 0s;
				color: #6a6a6a;
				-moz-transition: -moz-transform .1s ease-in 0s;
				color: #6a6a6a;
			}
			
			.ci-leftll {
				font: 400 15px/15px consolas;
				height: 7px;
				overflow: hidden;
				position: absolute;
				top: 12px;
				right: 5px;
				-webkit-transition: -webkit-transform .1s ease-in 0s;
				color: #6a6a6a;
				-moz-transition: -moz-transform .1s ease-in 0s;
			}
			
			#header li:hover .ci-right {
				-webkit-transform: rotate(180deg);
				-moz-transform: rotate(180deg);
			}
			
			#header li:hover .ci-leftll {
				-webkit-transform: rotate(180deg);
				-moz-transform: rotate(180deg);
			}
			/*北京二级菜单*/
			
			.bj {
				border-left: 1px solid #F1F1F1;
				border-right: 1px solid #F1F1F1;
			}
			
			.bj:hover {
				background: #fff;
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
			}
			
			.header-right li.denglu {
				padding: 0 9px;
			}
			
			.bj-1 {
				width: 310px;
				border: 1px solid #ccc;
				border-top: none;
				display: none;
				position: absolute;
				top: 30px;
				left: -1px;
				background: #fff;
			}
			
			.bj-1 a {
				display: inline-block;
				height: 20px;
				padding: 0 5px;
				line-height: 20px;
				margin: 0 12px;
			}
			
			.header-left li:hover .bj-1 {
				display: block;
			}
			
			.header-left li .bj-1 a:hover {
				padding: 2px 5px;
				background: #F1F1F1;
			}
			/*网站导航2级菜单*/
			
			.neirong {
				width: 279px;
				border-right: 1px solid #ddd;
				height: 168px;
				padding-left: 10px;
				float: left;
				margin: 20px 5px;
			}
			
			.neirong2 {
				margin-left: 10px;
				font-family: "微软雅黑";
				font-weight: 600px;
				color: #666;
			}
			
			.neirong ul li {
				color: #666;
				font-size: 12px;
				overflow: hidden;
				width: 50px;
				text-align: left;
			}
			
			.neirong3 {
				border: none;
			}
			
			.aa {
				width: 1210px;
				height: 220px;
				border: 1px solid #ccc;
				position: absolute;
				right: -1px;
				top: 30px;
				display: none;
				border-top: none;
			}
			
			.daohang {
				border-left: 1px solid #F1F1F1;
				border-right: 1px solid #F1F1F1;
			}
			
			.daohang:hover .aa {
				display: block;
				background: #fff;
			}
			
			.daohang:hover {
				background: #fff;
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
			}
			/*客户服务2及菜单*/
			
			.kehu1 {
				width: 164px;
				height: 200px;
				border: 1px solid #ccc;
				position: absolute;
				left: -1px;
				top: 30px;
				display: none;
				border-top: none;
			}
			
			.kehu2 {
				height: 100px;
			}
			
			.kehu3 {
				width: 165px;
				height: 50px;
				border-top: 1px dashed #ccc;
			}
			
			.kehu:hover .kehu1 {
				display: block;
				background: #fff;
			}
			/*关注京东二级菜单*/
			
			.guanzhu1 {
				width: 82px;
				height: 100px;
				border: 1px solid #ccc;
				border-top: none;
				position: absolute;
				left: -1px;
				top: 30px;
				display: none;
			}
			
			.guanzhu:hover .guanzhu1 {
				display: block;
				background: #fff;
			}
			/*手机京东二级菜单*/
			
			.shouji1 {
				width: 282px;
				height: 240px;
				border: 1px solid #ccc;
				border-top: none;
				position: absolute;
				left: -1px;
				top: 30px;
				display: none;
			}
			
			.shouji:hover .shouji1 {
				display: block;
				background: #fff;
			}
			
			.shouji4 {
				width: 90px;
				height: 90px;
				margin: 10px;
			}
			
			.shouji2 {
				font-size: 14px;
				color: #666;
				margin-top: -10px;
				position: absolute;
				top: 14px;
				left: 110px;
			}
			
			.shouji2 p {
				height: 22px;
			}
			
			.red {
				color: red;
			}
			
			.shouji3 {
				width: 25px;
				height: 28px;
				padding: 10px 10px;
			}
			
			.yi {
				width: 282px;
				border-top: 1px dashed #ccc;
			}
			
			.er {
				font-size: 14px;
				color: #666;
				position: absolute;
				top: 130px;
				left: 110px;
			}
			
			.er p {
				height: 22px;
			}
			/*我的京东二级页面*/
			
			.my1 {
				width: 260px;
				height: 240px;
				border: 1px solid #ccc;
				border-top: none;
				position: absolute;
				left: -1px;
				top: 30px;
				display: none;
			}
			
			.my:hover .my1 {
				display: block;
				background: #fff;
			}
			
			.my2 img {
				width: 77px;
				height: 77px;
				border-radius: 50px;
				margin: 15px;
			}
			
			.my3 {
				float: right;
				margin: 31px 50px 0 0
			}
			
			.bj-1,
			.my1,
			.shouji1,
			.guanzhu,
			.kehu,
			.daohang,
			.dorpdown-layer {
				z-index: 100;
			}
			/************************搜索框*/
			
			.lanren-search-form {
				width: 575px;
				margin: -140px auto;
				overflow: hidden;
			}
			
			.lanren-search-form .search-bd {
				height: 25px;
			}
			
			.lanren-search-form .search-bd li {
				font-size: 12px;
				width: 60px;
				height: 25px;
				line-height: 25px;
				text-align: center;
				float: left;
				cursor: cursor;
				background-color: #eee;
				color: #666;
			}
			
			.lanren-search-form .search-bd li.selected {
				color: #fff;
				font-weight: 700;
				background-color: #B61D1D;
			}
			
			.lanren-search-form .search-hd {
				height: 34px;
				background-color: #B61D1D;
				padding: 3px;
				position: relative;
			}
			
			.lanren-search-form .search-hd .search-input {
				width: 490px;
				height: 22px;
				line-height: 22px;
				padding: 6px 0;
				background: none;
				text-indent: 10px;
				border: 0;
				outline: none;
				position: relative;
				left: 3px;
				top: 0;
				z-index: 5;
				#margin-left: -10px;
			}
			/*设置搜索*/
			
			.lanren-search-form .search-hd .btn-search {
				width: 70px;
				height: 34px;
				line-height: 34px;
				position: absolute;
				right: 3px;
				top: 3px;
				border: 0;
				z-index: 6;
				cursor: pointer;
				font-size: 12px;
				color: #fff;
				font-weight: 700;
				background: none;
				outline: none;
			}
			
			.lanren-search-form .search-hd .pholder {
				display: inline-block;
				padding: 2px 0;
				font-size: 12px;
				color: #999;
				position: absolute;
				left: 13px;
				top: 11px;
				z-index: 4;
				background: url(pi_cture/zoom.jpg) no-repeat 0 0;
				padding-left: 25px;
				#top: 11px;
			}
			
			.lanren-search-form .search-hd .s2,
			.lanren-search-form .search-hd #s2 {
				display: none;
			}
			
			.lanren-search-form .search-bg {
				width: 495px;
				height: 34px;
				background-color: #fff;
				position: absolute;
				left: 3px;
				top: 3px;
				z-index: 1;
			}
			/*搜索框导航栏*/
			
			.lanren_navigation ul li {
				display: inline-block;
				margin: 8px;
			}
			
			.lanren_navigation {
				text-align: center;
				margin-top: 140px;
			}
			
			.navigation_1 ul li {
				display: inline-block;
				margin: 12px;
			}
			
			.navigation_1 ul {
				margin-left: -500px;
			}
			
			.navigation_1 a {
				color: #FFFFFF;
				font-size: 14px;
			}
			
			.navigation_1 a:hover {
				color: #C81623;
			}
			
			.navigation_1 {
				text-align: center;
				width: 100%;
				height: 40px;
				background-color: #000000;
			}
			/********************购物车*/
			
			.right {
				width: 57px;
				height: 34px;
				border: 1px solid #dfdfdf;
				padding: 0 28px 0 34px;
				text-align: center;
				line-height: 34px;
				float: right;
				margin-right: 98px;
				margin-top: -212px;
				font-size: 12px;
				position: relative;
			}
			
			.gw-left {
				position: absolute;
				top: 8px;
				left: 17px;
			}
			
			.gw-right {
				font: 400 13px/13px simsun;
				top: 10px;
				position: absolute;
				right: 20px;
				color: #999
			}
			
			.gw-count {
				position: absolute;
				top: -4px;
				left: 78px;
				display: inline-block;
				font: 400 13px/13px simsun;
				background: #c81623;
				border-radius: 7px 7px 7px 0;
				min-width: 12px;
				text-align: center;
				color: #fff;
			}
			
			.gw-count {
				-webkit-animation: pulseAnimate 1s ease infinite;
				-moz-animation: pulseAnimate 1s ease infinite;
				-o-animation: pulseAnimate 1s ease infinite;
				-ms-animation: pulseAnimate 1s ease infinite;
				animation: pulseAnimate 1s ease infinite;
			}
			
			.dorpdown-layer {
				width: 308px;
				height: 60px;
				border: 1px solid #ccc;
				position: absolute;
				top: 34px;
				left: -190px;
				text-align: center;
				background: #FFFFFF;
				display: none;
			}
			
			.right:hover {
				border-bottom: none;
			}
			
			.right:hover .dorpdown-layer {
				display: block;
				background: #fff;
			}
			/*小搜索框*/
			.d1 {
				/*margin-left: -140px;
				margin-top: -30px;*/
				position: absolute;
				top: 272px;
				left: 1070px;
			}
			
			.d1 input {
				width: 120px;
				height: 28px;
				padding-left: 10px;
				border: 1px solid #7BA7AB;
				border-radius: 5px;
				outline: none;
				/*background: #F9F0DA;*/
				background: #FFFFFF;
				color: #9E9C9C;
			}
			
			.d1 button {
				position: absolute;
				top: 0;
				right: 0px;
				left: 126px;
				width: 38px;
				height: 30px;
				border: none;
				/*background: #7BA7AB;*/
				background: #777777;
				border-radius: 0 5px 5px 0;
				cursor: pointer;
				background-image: url(images/搜索.png);
			}
			
			.sName_nav1 ul li {
				display: inline-block;
				margin: 6px;
			}
			
			.sName_nav1 ul {
				position: absolute;
				top: 313px;
			}
			
			.sName_nav1 {
				margin-top: 40px;
				margin-left: 30px;
			}
			/*设置背景*/
			
			.sName_bar {
				background: #F1F1F1;
				/*width: 100%;*/
				margin-left: -6px;
				margin-top: -40px;
				height: 40px;
				/*overflow: hidden;*/
			}
			
			.sName_nav2 ul li {
				display: inline-block;
				margin: 8px;
			}
			
			.sName_nav2 ul {
				/*margin-left: 930px;*/
				position: absolute;
				left: 900px;
				top: 310px;
			}
			
			.li_nav1 {
				background: url(images/京东好店.jpg)no-repeat left;
				padding-left: 80px;
			}
			
			.li_nav2 {
				background: url(images/联系客服.jpg)no-repeat left;
				padding-left: 18px;
			}
			
			.li_nav3 {
				background: url(images/关注.jpg)no-repeat left;
				padding-left: 18px;
				padding-top: 2px;
			}
			/*-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;*/
			/*#Xconten_t{
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}*/
			
			#Xconten_t {
				margin-left: -116px;
			}
			
			.atv_tve ul li {
				display: inline-block;
				margin: 6px;
			}
			
			.atv_tve ul {
				margin-top: -27px;
				margin-left: 180px;
			}
			
			.active_ico {
				background: url(images/ico.jpg) no-repeat right;
				padding-right: 25px;
				padding-top: 4px;
			}
			/*选择尺码*/
			
			.Xcontent_cx input {
				width: 38px;
				height: 34px;
				background: #FFFFFF;
				margin: 4px;
				color: #9E9E9E;
			}
			
			.Xcontent_btn {
				margin-left: 70px;
				margin-top: -30px;
			}
			
			.Xcont_ent ul li {
				display: inline-block;
				margin: 10px;
			}
			
			.Xcont_ent {
				margin-left: -495px;
				margin-top: -24px;
			}
		</style>
</head>
<body>
	<div class="jdm-toolbar-wrap J-wrap">
			<div class="jdm-toolbar J-toolbar">
				<div class="jdm-toolbar-panels J-panel">
				</div>
				<div class="jdm-toolbar-tabs J-tab">
					<div data-type="bar" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-cart">
						<i class="tab-ico"></i>
						<em class="tab-text">购物车</em>
					</div>
					<div data-type="bar" clstag="h|keycount|cebianlan_h_follow|btn" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-follow" data-name="follow" data-login="true">
						<i class="tab-ico"></i>
						<em class="tab-text">我的关注</em>
					</div>
					<div data-type="bar" clstag="h|keycount|cebianlan_h_history|btn" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-history" data-name="history">
						<i class="tab-ico"></i>
						<em class="tab-text">我的足迹</em>
					</div>
					<div class="J-trigger jdm-toolbar-tab jdm-tbar-tab-message" data-name="message">
						<a target="_blank" href="#">
							<i class="tab-ico"></i>
							<em class="tab-text">我的消息</em>
						</a>
					</div>
					<div data-type="bar" clstag="h|keycount|cebianlan_h_jimi|btn" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-jimi" data-name="jimi" data-login="true" data-iframe="//jimi.jd.com/index.action?source=jdhome">
						<i class="tab-ico"></i>
						<em class="tab-text">咨询JIMI</em>
					</div>
				</div>
				<div class="jdm-toolbar-footer">
					<div data-type="link" id="#top" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-top">
						<a href="#" clstag="h|keycount|cebianlan_h|top">
							<i class="tab-ico"></i> <em class="tab-text">顶部</em>
						</a>
					</div>
					<div data-type="link" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-feedback">
						<a href="http://surveys.jd.com/index.php?r=survey/index/sid/889711/newtest/Y/lang/zh-Hans" target="_blank" clstag="h|keycount|cebianlan_h|feedback">
							<i class="tab-ico"></i>
							<em class="tab-text">反馈</em>
						</a>
					</div>
					<div data-type="link" class="J-trigger jdm-toolbar-tab jdm-tbar-tab-survey">
						<a href="http://surveys.jd.com/index.php?r=survey/index/sid/527411/lang/zh-Hans" target="_blank" clstag="h|keycount|cebianlan_h|survey">
							<em class="tab-text">有奖调查</em>
						</a>
					</div>
				</div>
				<div class="jdm-toolbar-mini">
				</div>
			</div>
			<div id="J-toolbar-load-hook" clstag="h|keycount|cebianlan_h|load"></div>
		</div>
		<!-----------------------------------------顶部-------------->
		<header id="header">
			<div class="header-box">
				<ul class="header-left">
					<li class="bj">
						送至：北京
						<i class="ci-leftll">
							<s class="jt">◇</s>
						</i>
						<div class="bj-1">
							<a href="">北京</a>
							<a href="">上海</a>
							<a href="">天津</a>
							<a href="">重庆</a>
							<a href="">河北</a>
							<a href="">山西</a>
							<a href="">河南</a>
							<a href="">辽宁</a>
							<a href="">吉林</a>
							<a href="">黑龙江</a>
							<a href="">浙江</a>
							<a href="">江苏</a>
							<a href="">山东</a>
							<a href="">安徽</a>
							<a href="">内蒙古</a>
							<a href="">湖北</a>
							<a href="">湖南</a>
							<a href="">广东</a>
							<a href="">广西</a>
							<a href="">江西</a>
							<a href="">四川</a>
							<a href="">海南</a>
							<a href="">贵州</a>
							<a href="">云南</a>
							<a href="">西藏</a>
							<a href="">陕西</a>
							<a href="">甘肃</a>
							<a href="">青海</a>
							<a href="">宁夏</a>
							<a href="">新疆</a>
							<a href="">台湾</a>
							<a href="">香港</a>
							<a href="">澳门</a>
							<a href="">海外</a>
							<a href="">钓鱼岛</a>
						</div>
					</li>
				</ul>
				<ul class="header-right">
					<li class="denglu">
						<a href="#">您好，请登录</a>
						<a href="#" class="red">免费注册</a>
					</li>
					<li class="shu"></li>
					<li class="denglu">
						<a href="#">我的订单</a>
					</li>
					<li class="shu"></li>
					<li class="my bj">
						<a href="#">我的京东</a>
						<i class="ci-right ">
							<s class="jt">◇</s>
						</i>
						<div class="my1">
							<div class="my2">
								<img src="pi_cture/no-img_mid_.jpg">
								<div class="my3">
									<h3 class="neirong2"><a href="">您好请登录</a></h3>
									<p class="neirong2">
										<a href="">优惠卷 丨 消息</a>
									</p>
								</div>
							</div>
							<ul class="neirong2">
								<li>
									<a href="">带处理订单</a>
								</li>
								<li>
									<a href="">京我的订单</a>
								</li>
								<li>
									<a href="">京咨询回复</a>
								</li>
								<li>
									<a href="">京我的京豆</a>
								</li>
								<li>
									<a href="">京降价商品</a>
								</li>
								<li>
									<a href="">京我的理财</a>
								</li>
								<li>
									<a href="">京返修退换货</a>
								</li>
								<li>
									<a href="">京东白条</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="shu"></li>
					<li class="denglu">
						<a href="#">京东会员</a>
					</li>
					<li class="shu"></li>
					<li class="denglu">
						<a href="#">企业采购</a>
					</li>
					<li class="shu"></li>
					<li class="shouji bj">
						<a href="#">手机京东</a>
						<i class="ci-right ">
							<s class="jt">◇</s>
						</i>
						<div class="shouji1">
							<img src="./pi_cture/11.jpg" class="shouji4">
							<div class="shouji2">
								<p>京东客户端</p>
								<p class="red">首次下单满79元，送79元</p>
								<img src="./pi_cture/333.jpg" class="shouji3">
								<img src="./pi_cture/333.jpg" class="shouji3">
								<img src="./pi_cture/333.jpg" class="shouji3">

							</div>
							<div class="yi">
								<img src="./pi_cture/222.jpg" class="shouji4">
								<div class="er">
									<p>京东钱包客户端</p>
									<p class="red">一分钱抢超值豪礼</p>
									<img src="./pi_cture/333.jpg" class="shouji3">
									<img src="./pi_cture/333.jpg" class="shouji3">
									<img src="./pi_cture/333.jpg" class="shouji3">

								</div>
							</div>
						</div>
					</li>
					<li class="shu"></li>
					<li class="guanzhu bj">
						<a href="#">关注京东</a>
						<i class="ci-right ">
							<s class="jt">◇</s>
						</i>
						<div class="guanzhu1"><img src="./pi_cture/54c84f72Ncc1a02a2.jpg"></div>
					</li>
					<li class="shu"></li>
					<li class="kehu bj">
						<a href="#">客户服务</a>
						<i class="ci-right ">
							<s class="jt">◇</s>
						</i>
						<div class="kehu1">
							<h3 class="neirong2">客户</h3>
							<ul class="kehu2">
								<li>
									<a href="">帮助中心</a>
								</li>
								<li>
									<a href="">售后服务</a>
								</li>
								<li>
									<a href="">在线客服</a>
								</li>
								<li>
									<a href="">帮助中心</a>
								</li>
								<li>
									<a href="">客服邮箱</a>
								</li>
							</ul>
							<div>
								<ul class="kehu3">
									<h3 class="neirong2 ll">客户</h3>
									<li>
										<a href="">京东商学院</a>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li class="shu"></li>
					<li class="daohang">
						<a href="#">网站导航</a>
						<i class="ci-right ">
							<s class="jt">◇</s>
						</i>
						<div class="aa">
							<div class="neirong">
								<h4 class="neirong2">特色主题</h4>
								<ul>
									<li>
										<a href="">品牌街</a>
									</li>
									<li>
										<a href="">今日抄底</a>
									</li>
									<li>
										<a href="">好东西</a>
									</li>
									<li>
										<a href="">京东预售</a>
									</li>
								</ul>
								<ul>

									<li>
										<a href="">尖er货</a>
									</li>
									<li>
										<a href="">京东首发</a>
									</li>
									<li>
										<a href="">今日团购</a>
									</li>
									<li>
										<a href="">优惠券</a>
									</li>
								</ul>
								<ul>

									<li>
										<a href="">闪购</a>
									</li>
									<li>
										<a href="">京东会员</a>
									</li>
									<li>
										<a href="">京东京选</a>
									</li>
									<li>
										<a href="">定期送</a>
									</li>
								</ul>
								<ul>

									<li>
										<a href="">装机大师</a>
									</li>
									<li>
										<a href="">新奇特</a>
									</li>
									<li>
										<a href="">京东试用</a>
									</li>

								</ul>

							</div>
							<div class="neirong">

								<h4 class="neirong2">行业频道</h4>

								<ul>

									<li>
										<a href="">品牌街</a>
									</li>
									<li>
										<a href="">今日抄底</a>
									</li>
									<li>
										<a href="">好东西</a>
									</li>

								</ul>
								<ul>

									<li>
										<a href="">尖er货</a>
									</li>
									<li>
										<a href="">京东首发</a>
									</li>
									<li>
										<a href="">今日团购</a>
									</li>

								</ul>
								<ul>

									<li>
										<a href="">闪购</a>
									</li>
									<li>
										<a href="">京东会员</a>
									</li>
									<li>
										<a href="">京东京选</a>
									</li>

								</ul>
								<ul>

									<li>
										<a href="">装机大师</a>
									</li>
									<li>
										<a href="">新奇特</a>
									</li>
									<li>
										<a href="">京东试用</a>
									</li>

								</ul>
								<ul>

									<li>
										<a href="">智能馆</a>
									</li>
									<li>
										<a href="">玩bigger</a>
									</li>
									<li>
										<a href="">大牌免息</a>
									</li>

								</ul>
							</div>
							<div class="neirong">
								<h4 class="neirong2">生活服务</h4>
								<ul>
									<li>
										<a href="">品牌街</a>
									</li>
									<li>
										<a href="">今日抄底</a>
									</li>
									<li>
										<a href="">好东西</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">尖er货</a>
									</li>
									<li>
										<a href="">京东首发</a>
									</li>
									<li>
										<a href="">今日团购</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">闪购</a>
									</li>
									<li>
										<a href="">京东会员</a>
									</li>
									<li>
										<a href="">京东京选</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">装机大师</a>
									</li>
									<li>
										<a href="">新奇特</a>
									</li>
									<li>
										<a href="">京东试用</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">智能馆</a>
									</li>
									<li>
										<a href="">玩bigger</a>
									</li>
									<li>
										<a href="">大牌免息</a>
									</li>
								</ul>
							</div>
							<div class="neirong neirong3">
								<h4 class="neirong2">更多精选</h4>
								<ul>
									<li>
										<a href="">品牌街</a>
									</li>
									<li>
										<a href="">今日抄底</a>
									</li>
									<li>
										<a href="">好东西</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">尖er货</a>
									</li>
									<li>
										<a href="">京东首发</a>
									</li>
									<li>
										<a href="">今日团购</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">闪购</a>
									</li>
									<li>
										<a href="">京东会员</a>
									</li>
									<li>
										<a href="">京东京选</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">装机大师</a>
									</li>
									<li>
										<a href="">新奇特</a>
									</li>
									<li>
										<a href="">京东试用</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">智能馆</a>
									</li>
									<li>
										<a href="">玩bigger</a>
									</li>
									<li>
										<a href="">大牌免息</a>
									</li>
								</ul>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</header>

		<div style="margin-left: 25px;">
			<img src="pi_cture/京东动态logo.gif" />
		</div>

		<!--搜索框-->
		<div class="lanren-search-form">
			<div id="search-bd" class="search-bd">
				<ul>
					<li class="selected">搜全站</li>
					<li>搜本店</li>
				</ul>
			</div>
			<div id="search-hd" class="search-hd">
				<div class="search-bg"></div>
				<input type="text" id="s1" class="search-input">
				<input type="text" id="s2" class="search-input">
				<span class="s1 pholder">2020新品</span>
				<span class="s2 pholder">新装新品</span>
				<button id="submit" class="btn-search" value="搜索">搜索</button>
			</div>
		</div>

		<div class="lanren_navigation">
			<ul>
				<li>
					<a>女装新品</a>
				</li>
				<li>
					<a>商场同款</a>
				</li>
				<li>
					<a>连衣裙</a>
				</li>
				<li>
					<a>T恤</a>
				</li>
				<li>
					<a>休闲裤</a>
				</li>
				<li>
					<a>衬衫</a>
				</li>
				<li>
					<a>牛仔裤</a>
				</li>
				<li>
					<a>短外套</a>
				</li>
			</ul>
		</div>

		<div style="margin-left: 170px; margin-top: 10px;" class="wei_ma">
			<span style="margin-left: 820px;">
				<img src="pi_cture/百图女装二维码.jpg"/>
			</span>
		</div>

		<div class="navigation_1">
			<ul>
				<li>
					<a href="#">
						<h3>首页</h3></a>
				</li>
				<li>
					<a href="#">全部分类</a>
				</li>
				<li>
					<a href="#">2020早春新品</a>
				</li>
				<li>
					<a href="#">热销尖货</a>
				</li>
				<li>
					<a href="#">外套</a>
				</li>
				<li>
					<a href="#">针织衫</a>
				</li>
				<li>
					<a href="#">衬衫</a>
				</li>
				<li>
					<a href="#">连衣裙</a>
				</li>
				<li>
					<a href="#">半身裙</a>
				</li>
				<li>
					<a href="#">裤装</a>
				</li>
			</ul>
		</div>

		<!--我的购物车-->
		<div class="right">
			<i class="gw-left" style="background:url(./images/jd2015img.png)0 -58px no-repeat;width:24px;height:24px;"></i>
			<i class="gw-right">></i>
			<i class="gw-count">0</i>
			<a href="#"><span style="margin-left: -34px;">我的购物车</span></a>
			<div class="dorpdown-layer">
				<img style="margin-left: -200px;" src="./images/settleup-nogoods.png">
				<span style="position: absolute; top: 13px; left: 92px; color: #C4C4C4;">购物车中还没有商品，赶紧选购吧！</span>
			</div>
		</div>

		<!--搜索框-->
		<div class="sName">
			<!--<input class="form-control" placeholder="请输入搜索内容">
			<i class="glyphicon"></i>-->
			<div class="search d1">
				<form>
					<input type="text" placeholder="衬衫...">
					<button type="submit"></button>
				</form>
			</div>
		</div>

		<div class="sName_bar">
			<div class="sName_nav1">
				<ul>
					<li>
						<a href="#">服饰内衣</a>
					</li>>
					<li>
						<a href="#">女装</a>
					</li>>
					<li>
						<a href="#">连衣裙</a>
					</li>>
					<li>
						<a href="#">百图（betu）</a>
					</li>>
					<li>betu百图法式收腰v...</li>
				</ul>
			</div>

			<div class="sName_nav2">
				<ul>
					<li class="li_nav1">
						<a href="#">betu百图旗舰店</a>
					</li>
					<li class="li_nav2">
						<a href="#">联系客服</a>
					</li>
					<li class="li_nav3">
						<a href="#">关注店铺</a>
					</li>
				</ul>
			</div>
		</div>

		<!--购物车-->
		<div class="Xcontent" style="margin-left: -159px;">
			<ul class="Xcontent01">
				<div class="Xcontent06"><img src="images/shangpinxiangqing/X1.png"></div>
				<ol class="Xcontent08">
					<div class="Xcontent07"><img src="images/shangpinxiangqing/X1.png"></div>
					<div class="Xcontent09"><img src="images/shangpinxiangqing/X7.png"></div>
					<div class="Xcontent10"><img src="images/shangpinxiangqing/X8.png"></div>
					<div class="Xcontent11"><img src="images/shangpinxiangqing/X9.png"></div>
					<div class="Xcontent12"><img src="images/shangpinxiangqing/X10.png"></div>
					<div class="Xcontent12"><img src="images/shangpinxiangqing/X110.png"></div>
				</ol>
				<ol class="Xcontent13">
					<div class="Xcontent14">
						<a href="#">
							<p>betu百图法式收腰v领性感气质条纹连衣裙纯色百搭裙子2020春装新款ins2001T76 米色 S</p>
						</a>
					</div>
					<div class="Xcontent15">
						<!--<img src="images/shangpinxiangqing/X11.png">-->
					</div>
					<div class="Xcontent16">
						<p>315品质生活节，3月13日0-2点限时4件6折|3件7折|2件8折，部分商品领券满600再减100元，专区1件<br/>5折抢，
							<a href="#">前往抢购：</a>
						</p>
					</div>
					<div class="Xcontent17">
						<p class="Xcontent18">京 东 价:</p>
						<p class="Xcontent19">￥<span>369.00</span></p>
						<span style="margin-left: 11px;background: red;color: #FFFFFF;padding: 3px;">降价通知</span>
						<!--<p style="margin-top: 18px;">降价通知</p>-->

						<div class="Xcontent20">
							<p class="Xcontent21">促销</p>
							<img src="images/shangpinxiangqing/X12.png">
							<p class="Xcontent22">领610元新年礼券，满再赠好礼</p>
						</div>
						<div class="Xcontent23">
							<p class="Xcontent24">服务</p>
							<p class="Xcontent25">30天无忧退货&nbsp;&nbsp;&nbsp;&nbsp; 48小时快速退款 &nbsp;&nbsp;&nbsp;&nbsp; 满88元免邮</p>
						</div>
					</div>

					<div id="Xconten_t">
						<span>配 送 至</span>
						<div class="container" style="margin-left: 60px; margin-top: -19px;">
							<div class="docs-methods">
								<form class="form-inline">
									<div id="distpicker">
										<div class="form-group">
											<div style="position: relative;">
												<input id="city-picker3" class="form-control" readonly type="text" value="湖南省/郴州市/苏仙区" data-toggle="city-picker">
												<div class="atv_tve">
													<ul>
														<li>
															<h4>有货</h4></li>
														<li>支持</li>
														<li>
															<a href="#">闪电退款</a>
														</li>
														<li class="active_ico">免运费</li>
													</ul>
												</div>
											</div>
										</div>
									</div>
								</form>
								<p style="margin-top: 7px;">由&nbsp;
									<a href="#" style="color: red;">betu百图旗舰店</a>从 广东深圳市 发货, 并提供售后服务.</p>
							</div>
						</div>
					</div>

					<div style="margin-top: 68px; border: 0px #CCCCCC solid;">
						<hr>
					</div>
					<!-- style="border: 1px #CCCCCC solid; margin-top: 66px;"-->

					<div class="Xcontent_cx">
						<div style="margin-top: 26px; margin-left: 15px;">选择尺码</div>
						<div class="Xcontent_btn">
							<input type="button" value="XS" />
							<input type="button" value="S" />
							<input type="button" value="M" />
							<input type="button" value="L" />
						</div>
					</div>

					<div class="Xcontent26">
						<p class="Xcontent27">颜色</p>
						<div class="Xcontent28"><img src="images/shangpinxiangqing/X14.png"></div>
						<div class="Xcontent29"><img src="images/shangpinxiangqing/X1.png"></div>
					</div>
					<div style="position: absolute; top: 766px;">
						<div class="Xcontent30">
							<p class="Xcontent31">数量</p>
							<div class="Xcontent32"><img src="images/shangpinxiangqing/X15.png"></div>
							<form><input class="input" value="1"></form>
							<div class="Xcontent33"><img src="images/shangpinxiangqing/16.png"></div>
						</div>

						<!--加入购物车-->
						<div style="margin-top: -10px;">
							<div class="Xcontent34">
								<a href="#"><img src="images/shangpinxiangqing/X17.png"></a>
							</div>

							<div class="Xcontent35">
								<a href="#"><img src="images/shangpinxiangqing/X18.png"></a>
							</div>
						</div>

						<p style="margin-top: 46px; margin-left: 17px;">温馨提示·支持7天无理由退货</p>

						<div class="Xcont_ent">
							<ul>
								<li style="background: url(images/ico2.jpg)no-repeat left; padding-left: 20px;">
									<a href="#">关注</a>
								</li>

								<li style="background: url(images/ico3.jpg)no-repeat left; padding-left: 20px;">
									<a href="#">分享</a>
								</li>
								<li style="margin-left: 200px;">
									<a href="#">举报</a>
								</li>
							</ul>
						</div>
					</div>
				</ol>
			</ul>
		</div>
		
		<!--详情页面底部-->
		</div>
		<div class="content mar_20">
			<div class="l_history">
				<div class="fav_t">店铺热销</div>
				<ul>
					<li>
						<div class="img">
							<a href="#"><img src="images/his_1.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图纯色半高领套头针织衫<br>女秋冬季新款2019百搭修身打底衫毛衣1909T25 米杏色 XS</a>
						</div>
						<div class="price">
							<font>￥<span>368.00</span></font> &nbsp; 热销420件
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#"><img src="images/his_2.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图复古双排扣减龄西装女2019秋装新款英伦</a>
						</div>
						<div class="price">
							<font>￥<span>379.00</span></font> &nbsp; 热销396件
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#"><img src="images/his_3.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图彩色条纹慵懒风针织衫女2019新款套头宽松落肩袖减龄镂空毛衫1907T02 玫红色 XS</a>
						</div>
						<div class="price">
							<font>￥<span>127.00</span></font> &nbsp; 热销358件
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#"><img src="images/his_4.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图圆领抓绒卫衣半身裙<br>女套装两件套2019冬装新款上衣半裙套装1910T85 米色 L</a>
						</div>
						<div class="price">
							<font>￥<span>399.00</span></font> &nbsp; 热销354件
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#"><img src="images/his_5.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图半高领刺绣套头毛衣女2019冬装新款宽松外穿长袖针织衫上衣1910T42 米杏色 XS</a>
						</div>
						<div class="price">
							<font>￥<span>249.00</span></font> &nbsp; 热销337件
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#"><img src="images/his_6.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图法式小香风小格子毛呢<br>长袖连衣裙女中长款2019秋季新款裙子1910T80 红色 XS</a>
						</div>
						<div class="price">
							<font>￥<span>329.00</span></font> &nbsp; 热销279件
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#"><img src="images/his_7.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图复古港味高腰灯芯绒休闲裤女长裤<br>2019秋季新款百搭显瘦直筒裤1909T67 米杏色 XS</a>
						</div>
						<div class="price">
							<font>￥<span>259.00</span></font> &nbsp; 热销284件
						</div>
					</li>
				</ul>
			</div>
			<div class="l_list">
				<div class="des_border">
					<div class="des_tit">
						<ul>
							<li class="current">店长推荐</li>
						</ul>
					</div>
					<div class="team_list">
						<div class="img">
							<a href="#"><img src="images/mat_1.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图彩色条纹慵懒风针织衫女2019新款套头宽松落肩袖减龄镂空毛衫1907T02 玫红色 M</a>
						</div>
						<div class="price">
							<font>￥<span>127.00</span></font>
						</div>
					</div>
					
					
					<div class="team_list">
						<div class="img">
							<a href="#"><img src="images/mat_2.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图复古双排扣减龄西装女2019秋装新款英伦风格子港味洋气西装【预售】1908T68 黑色 M（黑色/粉色格预售3.30发）</a>
						</div>
						<div class="price">
							<font>￥<span>379.00</span></font>
						</div>
					</div>
					
					<div class="team_list">
						<div class="img">
							<a href="#"><img src="images/mat_3.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图蝴蝶结绑带灯笼袖雪纺衬衫女2019秋装新款气质OL波点长袖上衣1907T19 白色 M</a>
						</div>
						<div class="price">
							<font>￥<span>127.00</span></font>
						</div>
					</div>
					
					<div class="team_list">
						<div class="img">
							<a href="#"><img src="images/mat_4.jpg"/></a>
						</div>
						<div class="name">
							<a href="#">betu百图超仙娃娃领雪纺衬衫女长袖2019秋装新款白色显瘦小清新衬衣1908T16 白色 M</a>
						</div>
						<div class="price">
							<font>￥<span>249.00</span></font>
						</div>
					</div>
				</div>
				
				<div class="des_border">
					<div class="des_tit">
						<ul>
							<li class="current">
								<a href="#p_attribute">商品属性</a>
							</li>
							<li>
								<a href="#p_details">商品详情</a>
							</li>
							<li>
								<a href="#p_comment">商品评论</a>
							</li>
						</ul>
					</div>
					<div class="des_con" id="p_attribute">

						<table border="0" align="center" style="width:100%;line-height: 26px; font-family:'微软雅黑'; margin:-7px auto;" cellspacing="0" cellpadding="0">
							<tr>
								<td>品牌 : <a href="#">百图（betu）</a></td>
							</tr>
							
							<tr>
								<td>商品名称 : betu百图法式收腰v领...</td>
								<td>商品编号 : 65249422697</td>
								<td>店铺 : betu百图旗舰店</td>
								<td>商品毛重 : 1.0kg</td>
							</tr>
							<tr>
								<td>货号 : 2001T76</td>
								<td>腰型 : 高腰</td>
								<td>风格 : 通勤</td>
								<td>廓形 : A型</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>领型 : V领 </td>
								<td>流行元素 : 纽扣</td>
								<td>图案 : 纯色</td>
								<td>袖型 : 常规袖</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>材质 : 聚酯纤维 </td>
								<td>衣门襟 : 套头</td>
								<td>适用年龄 : 25-29周岁</td>
								<td>裙型 : A字裙</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>裙长 : 中裙 </td>
								<td>袖长 : 长袖</td>
								<td>组合形式 : 单件</td>
								<td>上市时间 : 2020年春季</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
						</table>

					</div>
				</div>

				<div class="des_border" id="p_details">
					<div class="des_t">商品详情</div>
					<div class="des_con">
						<table border="0" align="center" style="width:745px; font-size:14px; font-family:'微软雅黑';" cellspacing="0" cellpadding="0">
							<tr>
								<td><img src="images/de1.jpg"/></td>
								<!--<td>
									<b>迪奥真我香水(Q版)</b><br /> 【商品规格】：5ml
									<br /> 【商品质地】：液体
									<br /> 【商品日期】：与专柜同步更新
									<br /> 【商品产地】：法国
									<br /> 【商品包装】：无外盒 无塑封<br /> 【商品香调】：花束花香调
									<br /> 【适用人群】：适合女性（都市白领，性感，有女人味的成熟女性）
									<br />
								</td>-->
							</tr>
						</table>

						<p align="center">
							<img src="images/de2.jpg"/><br /><br />
							<img src="images/de3.jpg"/><br /><br />
							<img src="images/de4.jpg"/><br /><br />
							<img src="images/de5.jpg"/><br /><br />
							<img src="images/de6.jpg"/><br /><br />
							<img src="images/de7.jpg"/><br /><br />
							<img src="images/de8.jpg"/>
							<img src="images/de9.jpg"/><br /><br />
							<img src="images/de10.jpg"/><br /><br />
							<img src="images/de11.jpg"/><br /><br />
							<img src="images/de12.jpg"/><br /><br />
							<img src="images/de14.jpg"/>
						</p>

					</div>
				</div>

				<div class="des_border" id="p_comment">
					<div class="des_t">商品评论</div>

					<table border="0" class="jud_tab" cellspacing="0" cellpadding="0">
						<tr>
							<td width="175" class="jud_per">
								<p>80.0%</p>好评度
							</td>
							<td width="300">
								<table border="0" style="width:100%;" cellspacing="0" cellpadding="0">
									<tr>
										<td width="90">好评
											<font color="#999999">（80%）</font>
										</td>
										<td><img src="images/pl.gif" align="absmiddle" /></td>
									</tr>
									<tr>
										<td>中评
											<font color="#999999">（20%）</font>
										</td>
										<td><img src="images/pl.gif" align="absmiddle" /></td>
									</tr>
									<tr>
										<td>差评
											<font color="#999999">（0%）</font>
										</td>
										<td><img src="images/pl.gif" align="absmiddle" /></td>
									</tr>
								</table>
							</td>
							<td width="185" class="jud_bg">
								京东商城向您保证所售商品均为正品行货，京东自营商品开具机打发票或电子发票。
							</td>
							<td class="jud_bg">您可对已购买商品进行评价<br />
								<a href="#"><img src="images/btn_jud.gif" /></a>
							</td>
						</tr>
					</table>

					<table border="0" class="jud_list" style="width:100%; margin-top:30px;" cellspacing="0" cellpadding="0">
						<tr valign="top">
							<td width="160"><img src="images/peo1.jpg" width="20" height="20" align="absmiddle" />&nbsp;向死而生</td>
							<td width="180">
								颜色分类：
								<font color="#999999">米色</font>
								<font color="#999999">&nbsp;L</font>
							</td>
							<td>
								此用户未填写评价内容 <br />
								<font color="#999999">2020-03-06 20:27</font>
							</td>
						</tr>
						<tr valign="top">
							<td width="160"><img src="images/peo2.jpg" width="20" height="20" align="absmiddle" />&nbsp;就是这么想的</td>
							<td width="180">
								颜色分类：
								<font color="#999999">米色</font>
								<font color="#999999">&nbsp;S</font>
							</td>
							<td>
								此用户未填写评价内容 <br />
								<font color="#999999">2019-09-24</font>
							</td>
						</tr>
						<tr valign="top">
							<td width="160"><img src="images/peo3.jpg" width="20" height="20" align="absmiddle" />&nbsp;墨镜墨镜</td>
							<td width="180">
								颜色分类：
								<font color="#999999">米色</font>
								<font color="#999999">&nbsp;XS</font>
							</td>
							<td>
								此用户未填写评价内容 <br />
								<font color="#999999">2019-12-24</font>
							</td>
						</tr>
						<tr valign="top">
							<td width="160"><img src="images/peo4.jpg" width="20" height="20" align="absmiddle" />&nbsp;那*****洋 <br />
								<font color="#999999">（匿名用户）</font>
							</td>
							<td width="180">
								颜色分类：
								<font color="#999999">米色</font>
								<font color="#999999">&nbsp;S</font>
							</td>
							<td>
								此用户未填写评价内容 <br />
								<font color="#999999">2020-01-24</font>
							</td>
						</tr>
					</table>

					<div class="pages">
						<a href="#" class="p_pre">上一页</a>
						<a href="#" class="cur">1</a>
						<a href="#">2</a>
						<a href="#">3</a>...
						<a href="#">20</a>
						<a href="#" class="p_pre">下一页</a>
					</div>

				</div>

			</div>
		</div>

		<!--Begin 弹出层-收藏成功 Begin-->
		<div id="fade" class="black_overlay"></div>
		<div id="MyDiv" class="white_content">
			<div class="white_d">
				<div class="notice_t">
					<span class="fr" style="margin-top:10px; cursor:pointer;" onclick="CloseDiv('MyDiv','fade')"><img src="images/close.gif" /></span>
				</div>
				<div class="notice_c">

					<table border="0" align="center" style="margin-top:;" cellspacing="0" cellpadding="0">
						<tr valign="top">
							<td width="40"><img src="images/suc.png" /></td>
							<td>
								<span style="color:#3e3e3e; font-size:18px; font-weight:bold;">您已成功收藏该商品</span><br />
								<a href="#">查看我的关注 >></a>
							</td>
						</tr>
						<tr height="50" valign="bottom">
							<td>&nbsp;</td>
							<td>
								<a href="#" class="b_sure">确定</a>
							</td>
						</tr>
					</table>

				</div>
			</div>
		</div>
		<!--End 弹出层-收藏成功 End-->

		<!--Begin 弹出层-加入购物车 Begin-->
		<div id="fade1" class="black_overlay"></div>
		<div id="MyDiv1" class="white_content">
			<div class="white_d">
				<div class="notice_t">
					<span class="fr" style="margin-top:10px; cursor:pointer;" onclick="CloseDiv_1('MyDiv1','fade1')"><img src="images/close.gif" /></span>
				</div>
				<div class="notice_c">

					<table border="0" align="center" style="margin-top:;" cellspacing="0" cellpadding="0">
						<tr valign="top">
							<td width="40"><img src="images/suc.png" /></td>
							<td>
								<span style="color:#3e3e3e; font-size:18px; font-weight:bold;">宝贝已成功添加到购物车</span><br /> 购物车共有1种宝贝（3件） &nbsp; &nbsp; 合计：1120元
							</td>
						</tr>
						<tr height="50" valign="bottom">
							<td>&nbsp;</td>
							<td>
								<a href="BuyCar.html" class="b_sure">去购物车结算</a>
								<a href="javascript:void(0)" onclick="CloseDiv_1('MyDiv1','fade1')" class="b_buy">继续购物</a>
							</td>
						</tr>
					</table>

				</div>
			</div>
		</div>
		<!--End 弹出层-加入购物车 End-->

		<!--Begin Footer Begin -->
		<div class="b_btm_bg bg_color">
			<div class="b_btm">
				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
					<tr>
						<td width="72"><img src="images/b1.png" width="62" height="62" /></td>
						<td>
							<h2>正品保障</h2>正品行货 放心购买</td>
					</tr>
				</table>
				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
					<tr>
						<td width="72"><img src="images/b2.png" width="62" height="62" /></td>
						<td>
							<h2>满38包邮</h2>满38包邮 免运费</td>
					</tr>
				</table>
				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
					<tr>
						<td width="72"><img src="images/b3.png" width="62" height="62" /></td>
						<td>
							<h2>天天低价</h2>天天低价 畅选无忧</td>
					</tr>
				</table>
				<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
					<tr>
						<td width="72"><img src="images/b4.png" width="62" height="62" /></td>
						<td>
							<h2>准时送达</h2>收货时间由你做主</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="b_nav">
			<dl>
				<dt><a href="#">新手上路</a></dt>
				<dd>
					<a href="#">售后流程</a>
				</dd>
				<dd>
					<a href="#">购物流程</a>
				</dd>
				<dd>
					<a href="#">订购方式</a>
				</dd>
				<dd>
					<a href="#">隐私声明</a>
				</dd>
				<dd>
					<a href="#">推荐分享说明</a>
				</dd>
			</dl>
			<dl>
				<dt><a href="#">配送与支付</a></dt>
				<dd>
					<a href="#">货到付款区域</a>
				</dd>
				<dd>
					<a href="#">配送支付查询</a>
				</dd>
				<dd>
					<a href="#">支付方式说明</a>
				</dd>
			</dl>
			<dl>
				<dt><a href="#">会员中心</a></dt>
				<dd>
					<a href="#">资金管理</a>
				</dd>
				<dd>
					<a href="#">我的收藏</a>
				</dd>
				<dd>
					<a href="#">我的订单</a>
				</dd>
			</dl>
			<dl>
				<dt><a href="#">服务保证</a></dt>
				<dd>
					<a href="#">退换货原则</a>
				</dd>
				<dd>
					<a href="#">售后服务保证</a>
				</dd>
				<dd>
					<a href="#">产品质量保证</a>
				</dd>
			</dl>
			<dl>
				<dt><a href="#">联系我们</a></dt>
				<dd>
					<a href="#">网站故障报告</a>
				</dd>
				<dd>
					<a href="#">购物咨询</a>
				</dd>
				<dd>
					<a href="#">投诉与建议</a>
				</dd>
			</dl>
			<div class="b_tel_bg">
				<a href="#" class="b_sh1">新浪微博</a>
				<a href="#" class="b_sh2">腾讯微博</a>
				<p>
					服务热线：<br />
					<span>400-123-4567</span>
				</p>
			</div>
			<div class="b_er">
				<div class="b_er_c"><img src="images/er.gif" width="118" height="118" /></div>
				<img src="images/ss.png" />
			</div>
		</div>
		<div class="btmbg">
			<div class="btm">
				备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 , Technical Support: Dgg Group <br />
				<img src="images/b_1.gif" width="98" height="33" /><img src="images/b_2.gif" width="98" height="33" /><img src="images/b_3.gif" width="98" height="33" /><img src="images/b_4.gif" width="98" height="33" /><img src="images/b_5.gif" width="98" height="33" /><img src="images/b_6.gif" width="98" height="33" />
			</div>
		</div>
		<!--End Footer End -->
		</div>

		<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
		<!--配送地址-->
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/city-picker.data.js"></script>
		<script type="text/javascript" src="js/city-picker.js"></script>

		<script>
			$(function() {
				//通用头部搜索切换
				$('#search-hd .search-input').on('input propertychange', function() {
					var val = $(this).val();
					if(val.length > 0) {
						$('#search-hd .pholder').hide(0);
					} else {
						var index = $('#search-bd li.selected').index();
						$('#search-hd .pholder').eq(index).show().siblings('.pholder').hide(0);
					}
				})

				$('#search-bd li').click(function() {
					var index = $(this).index();
					$('#search-hd .pholder').eq(index).show().siblings('.pholder').hide(0);
					$('#search-hd .search-input').eq(index).show().siblings('.search-input').hide(0);
					$(this).addClass('selected').siblings().removeClass('selected');
					$('#search-hd .search-input').val('');
				});
			})

			//加入购物车
			$(document).ready(function() {
				var $miaobian = $('.Xcontent08>div');
				var $huantu = $('.Xcontent06>img');
				var $miaobian1 = $('.Xcontent26>div');
				$miaobian.mousemove(function() {
					miaobian(this);
				});
				$miaobian1.click(function() {
					miaobian1(this);
				});

				function miaobian(thisMb) {
					for(var i = 0; i < $miaobian.length; i++) {
						$miaobian[i].style.borderColor = '#dedede';
					}
					thisMb.style.borderColor = '#cd2426';

					$huantu[0].src = thisMb.children[0].src;
				}

				function miaobian1(thisMb1) {
					for(var i = 0; i < $miaobian1.length; i++) {
						$miaobian1[i].style.borderColor = '#dedede';
					}

					$miaobian.css('border-color', '#dedede');
					thisMb1.style.borderColor = '#cd2426';
					$huantu[0].src = thisMb1.children[0].src;
				}

				//数量加
				$(".Xcontent33").click(function() {
					var value = parseInt($('.input').val()) + 1;
					$('.input').val(value);
				})

				//数量加
				$(".Xcontent32").click(function() {
					var num = $(".input").val()
					if(num > 1) {
						$(".input").val(num - 1);
					} else {
						alert("索嗨！不能在减啦！")
					}

				})

			})
		</script>
</body>
</html>